<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/pulibc.css"/>
		<link rel="stylesheet" type="text/css" href="../css/s_sass.css"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
		<script src="../js/swiper.min.js"></script>
		<script src="../js/jquery-3.1.1.min.js"></script>
	</head>
	<body>
	<div class="wrap">
			<div class="w_nav">			
				<img src="../img/cloud.gif"/>
				<ul class="w_ul">
					<li><a href="">首页</a></li>
					<li><a href="" class="w_shopmall">云道商城</a></li>
					<li><a href="">智慧门店</a></li>
					<li><a href="">营销平台</a></li>
					<li><a href="">媒体联盟</a></li>
					<li><a href="">关于云道</a></li>
				</ul>	
				<a class="w_user">用户中心</a>
		</div>
	
			<ul class="w_psion">
				<li><a href="#">官网商城管理</a></li>
				<li><a href="#">品牌综合商城</a></li>
				<li><a href="#">媒体管理</a></li>
				<li><a href="#">第三方商城营销管理</a></li>
			</ul>
			
			<dl class="w_product">
				<p class="big">云商城产品</p>
				<dt><a href="http://fanyi.baidu.com" class="blue">官网云商城</a></dt>
				<dd>免费简单高逼格，适用于中小企业官方商城系统</dd>				
				<dt>品牌综合商城</dt>
				<dd>个性化前端，免费运维，适用于大中企业电商系统</dd>
				<dt>多店铺品牌商城</dt>
				<dd>前后台分离，简约系统为客户量身定制的生态级电商平台</dd>
			</dl>
	
			<ul class="w_psion">
				<li><a href="#">官网商城管理</a></li>
				<li><a href="#">品牌综合商城</a></li>
				<li><a href="#">媒体管理</a></li>
				<li><a href="#">第三方商城营销管理</a></li>
			</ul>
			
			
		
		<!--这是图片-->
		<div id="s_banner">
			<a href="#"><img src="../img/s_banner.png"/></a>
		</div>
		<!--固定定位-->
		<div id="s_fixed">
			<a href="#"><img src="../img/s_lianxi.png"/></a>
		</div>
		<div id="s_center">
		   <div class="s_top">
			<div>
				<ul>
					<li><img src="../img/s_che.png"/></li>
					<li><p>供货商</p></li>
					<li><span>多渠道货源供销解决方案</span></li>
				</ul>
			</div>
			<div>
				<ul>
					<li><img src="../img/s_biao.png"/></li>
					<li><p>品牌商</p></li>
					<li><span>全渠道品牌电商化解决方案</span></li>
				</ul>
			</div>
			<div>
				<ul>
					<li><img src="../img/s_shang.png"/></li>
					<li><p>分销商</p></li>
					<li><span>全网分销决绝方案</span></li>
				</ul>
			</div>
			<div>
				<ul>
					<li><img src="../img/s_lings.png"/></li>
					<li><p>零售商</p></li>
					<li><span>零售商线上解决方案</span></li>
				</ul>
			</div>
		</div>
		<!--云商城架构-->
		<div class="s_jiegou">
				<div>————————————————————————————————<span>&nbsp;&nbsp;云商城架构&nbsp;&nbsp;</span>——————————————————————————————</div>
				<p>SHOPCMD</p>
		</div>
		<!--云商城logo-->
		<div class="s_shopLogo">
			<img src="../img/s_jiagou.png"/>
		</div>
      </div>
      <!--对行业的探索-->
      <div class="s_content">
			<div class="s_jiegou">
					<div>———————————————————————————————<span>&nbsp;&nbsp;对行业的探索&nbsp;&nbsp;</span>——————————————————————————————</div>
					<p>SOLUTIONS</p>
			</div>
			<!--一句话-->
			<div class="s_fenxi">
				<p>深度分析不同行业在互联网+环境下的未来</p>
			</div>
			<!--行业-->
			<div class="s_hangye">
				<div>
					<img src="../img/s_yewu.png"/>
					<span>020业务</span>
					<p>020&nbsp;business</p>
				</div>
				<div>
					<img src="../img/s_jia.png"/>
					<span>家装行业</span>
					<p>Home&nbsp;industry</p>
				</div>
				<div>
					<img src="../img/s_nonghang.png"/>
					<span>农产品行业</span>
					<p>Agricultural&nbsp;Products&nbsp;trade</p>
				</div>
				<div>
					<img src="../img/s_kuaipin.png"/>
					<span>快消品行业</span>
					<p>FMCG&nbsp;industry</p>
				</div>
				<div>
					<img src="../img/s_jiaofen.png"/>
					<span>充值缴费行业</span>
					<p>Prepaid&nbsp;payment&nbsp;industry</p>
				</div>
			</div>
		</div>
		
		<div class="s_foot">
			<!--经典案例-->
			<div class="s_wei">
					<div>—————————————————————————————————<span>&nbsp;&nbsp;经典案例&nbsp;&nbsp;</span>———————————————————————————————</div>
					<p>THE&nbsp;CLASSIC&nbsp;CASE</p>
			</div>
			<!--轮播-->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="../img/view2.gif"/>
						<img src="../img/view1.gif"/>
						<img src="../img/view3.gif"/>
					</div>
					<div class="swiper-slide">
						<img src="../img/view2.gif"/>
						<img src="../img/view1.gif"/>
						<img src="../img/view3.gif"/>
					</div>
					<div class="swiper-slide">
						<img src="../img/view2.gif"/>
						<img src="../img/view1.gif"/>
						<img src="../img/view3.gif"/>
					</div>
			</div>
			<div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
		</div>
	</div>
	<div class="w_footer">
				<div class="w_a">
				<ul class="w_dh">
					<li><a href="#">关于人人店</a></li>
					<li><a href="#">商城系统</a></li>
					<li><a href="#">开放平台</a></li>
					<li><a href="#">人人分销</a></li>
					<li><a href="#">新闻动态</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
				<p>Copyright 2015 苏州海云网络科技有限公司版权所有| 苏ICP备15038170号—3</p>
				</div>
				
				<div class="w_rx"><img src="../img/W_icon.png"/></div>
			</div>
	</div><!--dahezi-->
	</body>
	<script src="../js/swiper.js"></script>
	<script type="text/javascript">
	$('.w_user').mouseenter(function(){
			$('.w_psion').css('display','block');
		});
		$('.w_psion').mouseleave(function(){
			$('.w_psion').css('display','none');
		});
		
		$('.w_shopmall').mouseenter(function(){
			$('.w_product').css('display','block');
//			alert(123)
		});
		$('.w_product').mouseleave(function(){
			$('.w_product').css('display','none');
		});
	</script>
</html>
